<template>
    <div class="bottom-btn-content">
        <div class="btn">
            <el-button style="margin-right: 20px;" @click="handleCalcel">取 消</el-button>
            <el-button style="margin-right: 20px;" @click="handleClickGrade">评 分</el-button>
            <el-button @click="handleIn" v-if="scheduleType !== 4 && !checkStatus">入 选</el-button>
            <el-button @click="handleOut" v-if="scheduleType !== 4 && checkStatus === 1">撤销入选</el-button>
            <el-button @click="handleGive" v-if="scheduleType === 4 && !checkStatus">给予奖励</el-button>
            <el-button @click="handleGet" v-if="scheduleType === 4 && checkStatus === 1">撤销奖励</el-button>
        </div>
        <GradePop ref="gradePop" />
        <BeSelected ref="beSelected" />
    </div>
</template>
<script>
import GradePop from './gradePop.vue';
import BeSelected from './beSelected.vue'
export default {
    name: 'ViewPopBottomBtns',
    components: { GradePop, BeSelected },
    props: ['labelWitdh', 'checkStatus', 'scheduleType'],
    data() {
        return {
            dialogVisible: false
        }
    },
    methods: {
        handleClose() {},
        handleCalcel() {
            this.$emit('cancel');
        },
        handleClickGrade() {
            this.$emit('handleClickGrade');
            // this.dialogVisible = true;
            // this.$refs.gradePop && this.$refs.gradePop.open();
        },
        handleIn() {
            this.$emit('handleIn');
            // this.$refs.beSelected && this.$refs.beSelected.open();
        },
        handleOut() {
            this.$emit('handleOut');
        },
        handleGive() {
            this.$emit('handleGive');
        },
        handleGet() {
            this.$emit('handleGet');
        },
        cancel() {
            this.dialogVisible = false;
        }
    }
}
</script>
<style lang="scss" scoped>
    .bottom-btn-content {
        display: flex;
        justify-content: flex-start;
        .btns {
            display: flex;
            justify-content: space-around;
            width: 80%;
            margin: 50px auto 0 auto;
        }
    }
</style>